<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/png" href="assets/img/favicon.ico">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>质量追溯</title>

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />


    <!-- Bootstrap core CSS     -->
    <link href="/product/css/bootstrap.min.css" rel="stylesheet" />

    <!-- Animation library for notifications   -->
    <link href="/product/css/animate.min.css" rel="stylesheet"/>

    <!--  Light Bootstrap Table core CSS    -->
    <link href="/product/css/light-bootstrap-dashboard.css" rel="stylesheet"/>


    <!--  CSS for Demo Purpose, don't include it in your project     -->
    <link href="/product/css/demo.css" rel="stylesheet" />
    <link href="/product/css/fangWei.css" rel="stylesheet" />


    <!--     Fonts and icons     -->
    <link  href="/product/css/fonts.googleapis.com.css" rel="stylesheet">
    <link href="/product/css/font-awesome.min.css" rel="stylesheet">
    <link href="/product/css/pe-icon-7-stroke.css" rel="stylesheet" />

</head>
<body>

<div class="wrapper">
    <!--侧导航-->
    <#include '/common/daohang.html' />
    <!--内容区域-->
    <div class="main-panel">
        <nav class="navbar navbar-default navbar-fixed">
            <div class="container-fluid">
                <div class="navbar-header">

                    <a class="navbar-brand" href="#">防伪信息</a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="/Traceability/suYuan/${code !''}/${id !''}/suYuan">
                                质量追溯首页
                            </a>
                        </li>
                        <li>
                            <a href="/index.html">
                                退出
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!--更换的区域-->

        <div class="content">
            <div class="container-fluid-1">


                <div class="container1"><!--布局外容器-->
                    <!--<div class="typo-line">
                        <h2>观其色 <br>
                            <small>真正好的大米，大家可以先观一下其颜色，一般情况下，大米的色泽是均匀的，甚至有半透明的状态，粒属于饱满度较高，没有大小不均的情况。在阳光下，会有反射光孤，
                            看上去有透光和透亮的感觉。若有黄，绿，灰，黑米的出现，不建议购买。</small>
                        </h2>
                    </div>
                    <div class="typo-line">
                        <h2>望其形 <br>
                            <small>真正好的大米其颗粒的大小是均匀的，有些商家会在大米里加一些碾碎了的小米进去，这个时候，你能看得出来，一般小碎米的两头是有腹白的，这是没有成熟的大米的表现。如果米形不好，有腹白的情况，则不建议选择。</small>
                        </h2>
                    </div>
                    <div class="typo-line">
                        <h2>散其粒<br>
                            <small>抓一把米放在自己的手心，散开来，然后再自然地倒掉，在手里的时候，看一下，是不是有大小不均匀的情况，看一下是不是有碎米情况，看一下是不是有腹白情况等。
                                倒掉后，再看一下自己的手心是不是留有白物质，如果有，则为添加了其他的物质。</small>
                        </h2>
                    </div>
                    <div class="typo-line">
                        <h2>闻其香<br>
                            <small>大米在没有蒸前，其实也是有味道的。对于这个，大家可以用加热法来进行，把一小把米放进手心里，然后用力搓，加热后，或者是用热气喷一下，然后闻一下，是不是有清香的味道出现。
                                一般情况下，如果有异味，或者是霉味的，酸臭味的，则为不好的大米。</small>
                        </h2>
                    </div>
                    <div class="typo-line">
                        <h2>掌心搓<br>
                            <small>对于大米来讲，好的大米在摸上去有光滑感，而且有自然流动的感觉。如果陈年的大米的话，则会有涩感，就是手指无法直接顺利插入到大米堆里。一般情况下，你也可以取一粒米，
                                用两指去揉，如果碎了，成灰，则为陈年大米。</small>
                        </h2>
                    </div>
                    <div class="typo-line">
                        <h2>牙齿咬<br>
                            <small>超市里会买大米的大妈会用嘴咬一粒大米，嚼碎了后，看其大米有没有感觉。一般的好的大米在嚼碎后会有自然的甜味，而且没有异味，如果出现了，发苦，发酸，
                                或者是发涩的情况的话，则为劣质的大米。</small>
                        </h2>
                    </div>-->
                    <div class="typo-line">
                        <h2><br>
                            <small id="small"></small>
                        </h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<!--   Core JS Files   -->
<script src="/product/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="/product/js/bootstrap.min.js" type="text/javascript"></script>

<!--  Checkbox, Radio & Switch Plugins -->
<script src="/product/js/bootstrap-checkbox-radio-switch.js"></script>

<!--  Charts Plugin -->
<script src="/product/js/chartist.min.js"></script>

<!--  Notifications Plugin    -->
<script src="/product/js/bootstrap-notify.js"></script>

<!--  Google Maps Plugin    -->
<!---<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>--->

<!-- Light Bootstrap Table Core javascript and methods for Demo purpose -->
<script src="/product/js/light-bootstrap-dashboard.js"></script>

<!-- Light Bootstrap Table DEMO methods, don't include it in your project! -->
<script src="/product/js/demo.js"></script>

<script type="text/javascript">
    /*$(document).ready(function(){

        demo.initChartist();

        $.notify({
            icon: 'pe-7s-user',
            message: "你好！<b>欢迎使用溯源查询系统</b>"

        },{
            type: 'info',
            timer: 4000
        });

    });*/
</script>
<script>
    $(function(){
        var productId = "${id !''}";
        $.ajax({
            async : false,
            cache:false,
            type: 'POST',
            data:{productId:productId},
            dataType : "json",
            url:"/Product/getInformation",
            error: function () {
                alert('请求数据失败！');
            },
            success:function(data){
                console.log(data);
                if (data.code == 200) {
                    if (data.data != null && data.data != "") {
                        var data = data.data;
                        $("#small").html(data.productFy);
                    }
                }

            }
        });
    });
</script>
</html>
